title = title.replace(/просмотрено/i, '').trim();
const span = titleElement?.find('.lesson-list__video-watched');
if (span) {
title = titleElement.clone().children('.lesson-list__video-watched').remove().end().text().trim();
}
const description = $(this).find('.description')?.text()?.trim() || '';
const url = $(this).find('a.item-a')?.attr('href') || '';
lessons.push({
trainingTitle: trainingTitle,
title: title,
description: description,
url: url,
text: (title + ' ' + description).toLowerCase()
});
});
lessonCache.set(trainingUrl, lessons);
resolve(lessons);
},
error: function(xhr, status, error) {
console.warn(`Ошибка загрузки уроков для ${trainingUrl}: ${error}`);
resolve([]); // Возвращаем пустой массив в случае ошибки
}
});
});
}
// Функция поиска с поддержкой асинхронности
async function searchLessons() {
const searchTerm = searchInput.value.toLowerCase().trim();
// Показываем/скрываем кнопку очистки
clearButton.style.display = searchTerm ? 'block' : 'none';
// Если поисковый запрос пустой
if (searchTerm === '') {
searchResults.innerHTML = 'Введите запрос для поиска
';
searchStatus.textContent = '';
searchResultsContainer.style.display = 'none';
return;
}
// Показываем индикатор загрузки
searchStatus.innerHTML = ' Поиск...';
searchResultsContainer.style.display = 'block';
isSearching = true;
// Если данные о тренингах ещё не собраны
if (allTrainings.length === 0) {
await collectTrainingData();
}
// Собираем все уроки: с текущей страницы и из тренингов
const allLessons = [];
// Уроки с текущей страницы
const localLessons = collectLocalLessons();
allLessons.push(...localLessons);
// Уроки из тренингов
for (const training of allTrainings) {
if (training.url) {
const lessons = await fetchLessons(training.url, training.title);
allLessons.push(...lessons);
}
}
// Фильтруем уроки
const filteredLessons = allLessons.filter(lesson => {
return lesson.text.includes(searchTerm);
});
// Очищаем результаты
searchResults.innerHTML = '';
// Отображаем результаты
if (filteredLessons.length > 0) {
filteredLessons.forEach(lesson => {
const resultItem = document.createElement('div');
resultItem.className = 'lesson-item';
// Создаём содержимое элемента результата
const trainingTitleElement = document.createElement('h4');
trainingTitleElement.textContent = lesson.trainingTitle;
const titleElement = document.createElement('h3');
titleElement.textContent = lesson.title;
const descElement = document.createElement('p');
descElement.textContent = lesson.description;
// Добавляем ссылку, если она есть
if (lesson.url) {
const linkElement = document.createElement('a');
linkElement.href = lesson.url;
linkElement.className = 'lesson-link';
linkElement.textContent = 'Перейти к уроку';
resultItem.appendChild(linkElement);
}
// Собираем элемент результата
resultItem.appendChild(trainingTitleElement);
resultItem.appendChild(titleElement);
resultItem.appendChild(descElement);
// Подсвечиваем найденный текст
highlightText(resultItem, searchTerm);
// Добавляем в результаты
searchResults.appendChild(resultItem);
});
searchStatus.textContent = `Найдено: ${filteredLessons.length} уроков`;
searchResultsContainer.style.display = 'block';
} else {
searchResults.innerHTML = 'По вашему запросу ничего не найдено
';
searchStatus.textContent = 'Нет результатов';
searchResultsContainer.style.display = 'block';
}
isSearching = false;
}
// Функция для подсветки найденного текста
function highlightText(element, searchTerm) {
const nodes = [...element.childNodes];
for (const node of nodes) {
if (node.nodeType === 3) { // Текстовый узел
const text = node.textContent;
const lowerText = text.toLowerCase();
const index = lowerText.indexOf(searchTerm);
if (index >= 0) {
const before = text.substring(0, index);
const match = text.substring(index, index + searchTerm.length);
const after = text.substring(index + searchTerm.length);
const span = document.createElement('span');
span.className = 'highlight';
span.textContent = match;
const fragment = document.createDocumentFragment();
fragment.appendChild(document.createTextNode(before));
fragment.appendChild(span);
fragment.appendChild(document.createTextNode(after));
node.parentNode.replaceChild(fragment, node);
}
} else if (node.nodeType === 1) { // Элемент
highlightText(node, searchTerm);
}
}
}
// Функция для очистки поиска
function clearSearch() {
searchInput.value = '';
searchResults.innerHTML = 'Введите запрос для поиска
';
clearButton.style.display = 'none';
searchStatus.textContent = '';
searchResultsContainer.style.display = 'none';
searchInput.focus();
}
// Обработчик для асинхронного поиска при вводе текста
function handleSearchInput() {
clearTimeout(searchTimeout);
searchTimeout = setTimeout(() => {
searchLessons();
}, DEBOUNCE_DELAY);
clearButton.style.display = searchInput.value ? 'block' : 'none';
}
// Обработчик клика для скрытия контейнера результатов
document.addEventListener('click', function(event) {
const target = event.target;
// Проверяем, что клик не внутри контейнера результатов,
// не по ссылке урока и не внутри блока search-container
if (
!searchResultsContainer.contains(target) &&
!target.closest('.lesson-link') &&
!target.closest('.search-container')
) {
searchResultsContainer.style.display = 'none';
}
});
// Предотвращаем скрытие при клике внутри контейнера
searchResultsContainer.addEventListener('click', function(event) {
event.stopPropagation();
});
// Обработчики событий
if (searchButton) {
searchButton.addEventListener('click', () => {
clearTimeout(searchTimeout);
searchLessons();
});
}
searchInput.addEventListener('input', handleSearchInput);
searchInput.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
clearTimeout(searchTimeout);
searchLessons();
}
});
clearButton.addEventListener('click', clearSearch);
// Инициализация
searchInput.focus();
collectTrainingData();
searchResults.innerHTML = 'Введите запрос для поиска
';
});